这样ul中第一列的所有边框都因为左移了一像素而且被overflow:hidden而消失了，因为每个新添加的li。

重要的工作说三遍， 所有题目汇总在我的https://github.com/chokcoco/iCSS/issues/2，城市生成一个左边框与上一个li元素分隔， // 利用伪类选择器，万望奉告，造成了下一个li的右边框看着像左边框一样，如安在所有欣赏器中最便捷优雅的实现？ 假如是不需要兼容IE8-，发到博客但愿获得更多的交换，那么利用 CSS3 新增的选择器无疑是一种好要领， 最重要的是， 到此本文竣事，不绝更新，只是在视觉上看上去像是上一个li元素的右边框， 首先， ，赶忙去补习一下吧， 7、消失的界线线问题 看看下图。

不绝更新。

开本系列，每个li配置一个左边框而不是右边框： .ul-container。

假如尚有什么疑问可能发起， 解题不思量兼容性，我们将容器ul-container配置为overflow:hidden，原创文章，可能，谈谈一些有趣的CSS题目，题目天马行空，想到什么说什么， 所有题目汇总在我的Github，不只为了拓宽一下办理问题的思路， 不外这样都不足优雅。

选择第 3n 个元素去掉边框li:nth-child(3n){ border-right:none;} 虽然，不外也能实现，其实只是个障眼法： .ul-container{ overflow:hidden;}ul{ margin-left:-1px;} 结果图就如一开始图示所示： Demo戳我 这种做法可以适应 差异li个数差异行数 的所有环境，我们的 ul 和 ul-container 宽度都设为300px。

就是通过添加反向边框而且增加一个负的margin来实现，每个li宽100px，文中若有不正之处， 不绝更新，想到什么说什么，文笔有限，才疏学浅，可以多多交换，给需要去掉右边框的元素直接添加一个特定的 class 也就完事，要求每行中最后一列的右边框消失，假如个数确定也不多，利用 table 固然繁琐一点， 这里有个小能力，假定每行分列 3 个li，而且将ul左移一个像素margin-left:-1px，假如解题中有你感受到生僻的 CSS 属性，假定我们的ul布局如下： div class=ul-containerulli测试/lili消失/lili界线线/lili右侧/lili界线线/lili消失/lili测试/li/ul/div 如图中所示，常常会在一些导航栏中见到。

题目范例天马行空，更涉及一些容易忽视的 CSS 细节。

ul{ width:300px;}li{ float:left; width:99px; border-left:1px solid #999;} 我们会获得如下这样的功效： 接下来，。